@charset "utf-8";
@import "common/reset";
@function p($px) {
    @return $px/2+px;
}
html{
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../img/banggou-4.png) ;
}
.mobile {
    header {
        display: flex;
        width: 100%;
        height: p(89);
        background: #0f0f0f;
        align-items: center;
        justify-content: space-around;
        .cha {
            font-size: p(34);
            color: white;
            margin-bottom: p(20);
            position: relative;
            right: p(20);
            &::after {
                position: absolute;
                content: "";
                width: 2px;
                height: p(59);
                border: p(2) solid #000000;
                display: inline-block;
                background: #000000;
                left: p(50);
            }
        }
        h1 {
            font-size: p(34);
            color: white;
            font-weight: normal;
            font-family: 黑体;
            margin-right: p(300);
        }
        .ce {
            width: p(6);
            height: p(34);
            overflow: hidden;
            img {
                width: 100%;
            }
        }
    }
    section {
       
        height: 100%;
        .test {
            display: flex;
            width: 100%;
            height: p(71);
            background: #e7e7e7;
            align-items: center;
            justify-content: space-around;
            border-bottom: 1px solid #cdccd0;
            .sc {
                display: flex;
                width: p(305);
                height: p(50);
                cursor: pointer;
                border: p(1) solid #1074ae;
                border-radius: p(4);
                justify-content: center;
                align-items: center;
                background: #fff;
                .ba {
                    width: p(22);
                    height: p(22);
                    overflow: hidden;
                    margin-right: p(5);
                    img {
                        vertical-align: top;
                        height: 100%;
                    }
                }
                span {
                    font-size: p(22);
                    color: #1074ae;
                }
            }
        }
        ul {
            background: #fff;
            li {
                display: flex;
                width: 100%;
                height: p(186);
                padding-top: p(23);
                border-bottom: p(1) solid #cdccd0;
                justify-content: space-around;
                 align-items: center;
                .jie {
                    width: p(119);
                    height: p(123);
                    overflow: hidden;
                    img {
                        width: 100%;
                    }
                }
                .jie_center {
                    display: flex;
                    width: p(300);
                    flex-wrap:wrap ;
                    height: p(130);
                    h1 {
                        font-size: p(26);
                        color: #5c5c5c;
                        font-weight: normal;
                        font-family: "黑体";
//                      margin-bottom: p(45);
                    align-self: flex-start;
                    }
                    span{
                        font-size: p(26);
                        color: #eb7575;
                    }
                    .zao{
                        width: p(130);
                        height: p(43);
                        border: p(1) solid #1074ae;
                        border-radius: p(4);
                        background: url(../img/gouwu-5.png) no-repeat;
                        background-size: p(24);
                        background-position: p(18) p(10);
                       align-self: flex-end;
                       margin-left: p(102);
                        text-align: center;
                        a{
                            display: block;
                            margin-left: p(20);
                            font-size: p(20);
                            color: #5c5c5c;
                            line-height: p(43);
                        }
                    }
                }
                .yichu{
                    display: flex;
                     width: p(48);
                     flex-wrap: wrap;
                    text-align: center;
                   
                    .chu{
                        width: p(46);
                        height: p(46);
                        overflow: hidden;
                        img{
                            width: 100%;
                        }
                    }
                    p{
                        font-size: p(20);
                        color: #eb7575;
                    }
                }
            }
            #check{
                display: none;
            }
            #check:checked~li:nth-child(2){
                display: none;
                
            }
             #chec{
                display: none;
            }
            #chec:checked~li:nth-child(4){
                display: none;
                
            }
             #che{
                display: none;
            }
            #che:checked~li:nth-child(6){
                display: none;
                
            }
        }
        .biao{
            position: absolute;
            bottom: 0;
            width: 100%;
            display: flex;
            margin-top: 30%;
            background: #e7e7e7;
            justify-content: space-around;
            border-top: p(1) solid #cdccd0;
            padding-top: p(10);
            padding-bottom: p(10);
            .xia{
                text-align: center;
                .tou{
                    width: p(60);
                    height: p(60);
                    border-radius: 50%;
                    overflow: hidden;
                    img{
                        width: 100%;
                    }
                }
                p{
                    font-size: p(24);
                    color: #5c5c5c;
                    margin-top: p(8);
                }
            }
            .xia_right{
                .right_top{
                    width: p(525);
                    height: p(37);
                    background: #fff;
                    border-radius: p(4);
                    border: p(1) solid #cdccd0;
                    h1{
                        font-size: p(24);
                        color: #383838;
                        line-height: p(35);
                        font-family: "黑体";
                        font-weight: normal;
                    }
                }
                textarea{
                    width: p(525);
                    height: p(233);
                    resize: none;
                    color: #383838;
                    font-size: p(24);
                    border: p(1) solid #cdccd0;
                    border-radius: p(4);
                    margin-top: p(4);
                    padding-top: p(12);
                    padding-left: p(12);
                    background: url(../img/gouwu-4.png) no-repeat #fff;
                    background-position:right bottom ; 
                }
            }
        }
    }
}